<script setup>
  function backSquare() {
    uni.reLaunch({
      url: '/pages/home/index',
    })
  }
</script>

<template>
  <view class="success-content">
    <image
      :src="'https://ojqn.wm2177.com/wechat_imgs/transition/deal-success.png'"
      style="width: 200rpx; height: 200rpx"
      mode=""
    ></image>
    <view class="" style="font-size: 40rpx; font-weight: 700; margin: 12rpx 0">
      交易成功
    </view>
    <view
      class=""
      style="margin-bottom: 40rpx; font-size: 28rpx; color: #9b9b9d"
    >
      等待买家付款，付款完成后所获收益会进入我的收益
    </view>
    <view class="check-button" style="margin-top: 20rpx" @click="backSquare">
      返回首页
    </view>
  </view>
</template>

<style lang="scss" scoped>
  .success-content {
    height: 100vh;
    padding-bottom: 300rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .check-button {
      width: 380rpx;
      height: 84rpx;
      border-radius: 42rpx;
      background-color: $transaction-color;
      text-align: center;
      line-height: 84rpx;
      font-weight: 700;
      font-size: 32rpx;
    }
  }
</style>
